  <template>
    <section>
      <Navigation2></Navigation2>
      <van-form>
        <van-field   v-model="username" name="username" label="" placeholder="账号"
        :rules="[{ required: false, message: '' }]" />
        <van-field   v-model="old_password" name="old_password" label="" placeholder="旧密码"
        :rules="[{ required: false, message: '' }]" />
        <van-field   v-model="new_password" name="new_password" label="" placeholder="请输入新密码"
      :rules="[{ required: false, message: '' }]" />
      <van-field   v-model="confirm_username" name="confirm_username" label="" placeholder="请确认密码"
      :rules="[{ required: false, message: '' }]" />

      <Id_code></Id_code>
      
      <div style="margin: 16px;">
        <van-button round block type="info" >
          确认修改
        </van-button>
      </div>
      </van-form>
    </section>
  </template>
<script>
  import Navigation2 from "@/components/Navigation2.vue";
 import Id_code from "@/components/Id_code.vue";
export default {
  name:"Reset",
    data(){
        return{
            username:'',
            old_password:'',
            new_password:'',
            confirm_username:'',
            id_code:'',

        }
    },
    components:{
      Id_code,
      Navigation2
    },
}
</script>

<style scoped lang="less">
       .van-field{
    padding: 0.4rem 0.5rem;
    background-color: white;
    border-bottom: 1px solid #f1f1f1;
    font-size: 0.45rem;
  }
  .van-switch--on{
    background-color: #4cd964;
  }

  .van-button{
    font-size: 0.4rem;
    border-radius: 0.15rem;
    background-color: #4cd964;
    border: 0rem;
    padding: 0.6rem 0rem;
  } 
</style> 

